import React, { memo } from 'react'
import {HNAlbumCoverWrap} from './style'
import {getSizeImage} from 'utils/format-utils.js'
export default memo(function HNAlbumCover(props) {
  const {item} = props
  return (
    <HNAlbumCoverWrap>
      <div className="album-img">
        <img src={getSizeImage(item.blurPicUrl,100)} alt="" />
        <div href="todo" className="mask sprite_cover"></div>
      </div>
      <div className="info">
        <div className="title text-nowrap">{item.name}</div>
        <div className="artist text-nowrap">{item.artist.name}</div>
      </div>
    </HNAlbumCoverWrap>
  )
})
